<template>
    <block title="种植分布">
       <div class="ffcon">
            <img class="img-1" src="@/assets/img/3.jpg" alt="" srcset="">
            <div class="desc">


                <div>作物名称：广东菜心</div>
                <div>作物品种：清美 3号</div>
                <div>种植规模：200亩</div>
                <div>生长周期：30天</div>
       
            </div>
       </div>
    </block>
</template>
<script lang="ts" setup>
import tabhead from '@/components/tabhead.vue';
import block from '@/components/block.vue';
</script>
<style scoped> 
.ffcon{
    display: flex;
    justify-content: space-around;
    align-items:start;
    padding: 2vh 0;
}
.desc{
    color: #c7d4cb;
    font-size: 1.5vh;
}
.img-1{
    width: 11.3vw;
    height: 16.vh;
    object-fit: cover;
}
</style>